<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core">

<ui:composition template="/WEB-INF/templates/master.xhtml">
<ui:define name="content">
	<p:dialog modal="true" widgetVar="statusDialog" header="Procesando"   
        draggable="false" closable="false" width="200" height="50">
        	<h:outputLabel value="Buscando en la base de datos de Personas" />  
    		<p:graphicImage id="statusIcon" value="#{resource['images:load.gif']}" />  
			</p:dialog>
	
	<h:form id="formBusqueda">
	<p:growl id="msjBusqueda" showDetail="true" autoUpdate="true"/>
	<f:validateBean disabled="true"> 
	<p:panel  header="Legajo de Personal" style="width:960px;height:500px" styleClass="panel-azul">
		
		<p:panel style="width:850px" styleClass="panel-azul" header="Criterios de Búsqueda">
		<h:panelGrid columns="5">
		<h:outputLabel value="Código Personal" />
		<h:outputLabel value="Apellido Paterno" />
		<h:outputLabel value="Apellido Materno" />
		<h:outputLabel value="Nombres" />
		<h:outputLabel value="Estado" />
		<h:inputText value="#{personalBusquedaMB.personalConsulta.codigoPersonal}" />
		<h:inputText value="#{personalBusquedaMB.personalConsulta.idPersona.apellidoPaterno}"/>
		
		<h:inputText value="#{personalBusquedaMB.personalConsulta.idPersona.apellidoMaterno}" />
		
		<h:inputText value="#{personalBusquedaMB.personalConsulta.idPersona.nombres}" />
		
		<h:selectOneMenu value="#{personalBusquedaMB.personalConsulta.estado}">
		<f:selectItems  value="#{parametroMB.estadoPersonal}"/>
		</h:selectOneMenu>
	</h:panelGrid>
	
		
		</p:panel>
	<h:panelGrid columns="6" id="botonesBusqueda"> 
	<p:commandButton value="Buscar" action="#{personalBusquedaMB.consultarPersonal}" update="dtBusqueda" />
	<h:outputLabel value="" />
	<p:commandButton id="btnVerLagajo" value="Ver Legajo"  onclick="if(checkSelectedRow(dtBusquedaWidget)==false) return false;"  action="#{legajoMB.verLegajo}" >
	<f:setPropertyActionListener target="#{legajoMB.colaborador}" value="#{personalBusquedaMB.personalSelected}" />
	</p:commandButton>
	<ui:include src="/resources/includes/ajaxStatus.xhtml" />
	</h:panelGrid>
	
	<p:panel style="width:850px;height:300px;" styleClass="panel-azul" header="Resultado de Búsqueda">
	
					<p:dataTable id="dtBusqueda" value="#{personalBusquedaMB.lstPersonal}"  var="per"  rowKey="#{per}" selection="#{personalBusquedaMB.personalSelected}"  widgetVar="dtBusquedaWidget" paginator="true" paginatorPosition="bottom" paginatorAlwaysVisible="false" rows="8">
						<p:column headerText="Código"><h:outputLabel value="#{per.codigoPersonal}" /></p:column>
						<p:column headerText="Estado"><h:outputLabel value="#{per.estado}" /></p:column>
						<p:column headerText="Apellidos y Nombres"><h:outputLabel value="#{per.idPersona.apellidoPaterno} #{per.idPersona.apellidoMaterno} #{per.idPersona.nombres }" style="text-transform:uppercase;" /> </p:column>
						<p:column headerText="DNI"><h:outputLabel value="#{per.idPersona.nroDocumento}" /> </p:column>
						<p:column headerText="Cargo"></p:column>
						<p:column headerText="Elegir" selectionMode="single"></p:column>
					<!--:ajax event="rowSelectRadio" update=":#{p:component('botonesBusqueda')}" /-->	
					</p:dataTable>
	
	
	</p:panel>
	
	
	
	
	
	</p:panel>
	</f:validateBean> 
		</h:form>
	</ui:define>

</ui:composition>

</html>